<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>模拟Vue响应式原理-分析</title>
    <style></style>
  </head>
  <body>
    <div>
      <p>
        Vue---把data中的成员注入到Vue实例,并且把data中的成员转成getter/setter
      </p>
      <p>
        Observer---能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知Dep
      </p>
      <p>Compiler---解析每个元素中的指令/插值表达式,并且换成对应的数据</p>
      <p>Dep(发布者)添加观察者(wathcer),当数据发生变化通知观察者</p>
      <p>Watcher(观察者)---数据变化更新视图</p>
    </div>
    <script></script>
  </body>
</html>
